Teal Basin color palette — #ECF5E8 · #5CAD9B · #475E53 · #313C2C · #22221A
A conversation between Turquoise and Charcoal Brown, giving this palette its sense of sophistication.
The five colors
- Cream (#ECF5E8): a clean, paper-quiet neutral.
- Turquoise (#5CAD9B): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#475E53): A full-bodied, dusty teal — the color of shallow lagoons.
- Forest (#313C2C): A deep, shadowed, dusty green — the color of fresh herbs.
- Onyx (#22221A): a grounded near-black with real depth.
Feels like: Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Teal Basin 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
- Muted Teal Pier color palette (#E7F9FC, #3AC7AE, #435864, #1F2E30, #091110)
- Tempered Mint color palette (#ECF5E9, #00D3BA, #6D8271, #50574D, #20231C)
- Lagoon Corridor color palette (#DFEAE0, #00999F, #244868, #002D2F, #0E1405)
- Dusty Azure color palette (#D3EBE3, #3E96D6, #5F4352, #1C332D, #111B14)
- Patina Amber color palette (#E4FBF4, #82B7E4, #D29193, #C17850, #2F4841)
- Hushed Cerulean color palette (#EDF9F0, #8DD1DC, #E29E84, #009EB0, #534B47)
- Petrol Lantern color palette (#D8E7DC, #008091, #422842, #001C0B, #020600)
- Muted Market color palette (#F7F5ED, #CDD5B9, #69A9A3, #8D7D34, #475408)
Browse the whole catalog at Explore, or see today's palette.