Teal Quarry color palette — #F2F9DB · #A7F8FA · #37C9C3 · #378EA8 · #58465B
A conversation between Aqua and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Custard (#F2F9DB): A whisper-light, dusty green — the color of new leaves after rain.
- Sea Foam (#A7F8FA): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#37C9C3): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#378EA8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#58465B): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Balance. Tagged light, muted, cool.
Use it as a design system
One click turns Teal Quarry into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Antique Seafoam Boulevard color palette (#C5FBFF, #78E9DC, #67CECE, #5FA1AE, #375566)
- Teal Boulevard color palette (#ECF9ED, #A3F6FC, #FFB6AF, #2DADB5, #4C4441)
- Mint Atelier color palette (#FCF6D7, #C6F4BE, #5AD4A9, #1E8783, #3D5845)
- Aged Orchard color palette (#E4FEE4, #D3E6FC, #62B8F7, #6573A7, #684A58)
- Lagoon Villa color palette (#DCF4D1, #7AC5BE, #38999A, #15686E, #1B3D28)
- Chalky Seafoam color palette (#DAFFEF, #00E5E0, #00A3BF, #0061A4, #1D396E)
- Airy Navy color palette (#A6FCEA, #00BFCC, #0087AC, #0045A5, #1B1C4A)
- Aubergine Lantern color palette (#C8F4F7, #00A7CE, #0069B3, #27028C, #10001E)
Browse the whole catalog at Explore, or see today's palette.