Dusty Teal color palette — #F8F7E0 · #57AA8B · #007A74 · #304D7E · #34422A
Jade and Teal set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F8F7E0): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#57AA8B): A luminous, balanced teal — the color of sea glass.
- Teal (#007A74): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#304D7E): A full-bodied, balanced violet — the color of wild irises.
- Forest (#34422A): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Calm, Sophistication. Tagged retro, muted, cool.
Use it as a design system
One click turns Dusty Teal 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
- Weathered Corridor color palette (#EFF8EE, #009D98, #0A6A99, #453E7B, #254015)
- Petrol Hollow color palette (#F4F7E7, #6FB5BA, #438096, #5C527A, #3B4D40)
- Cypress Delta color palette (#F5F6ED, #C5E6CD, #5495A6, #127070, #1B4F61)
- Weathered Boulevard color palette (#FCF5E0, #91A150, #47783E, #005865, #3E3E36)
- Washed Lagoon Balcony color palette (#FFF0FA, #96BE8F, #00999E, #944856, #164546)
- Aged Aubergine Quarry color palette (#CBF2BF, #00908A, #005D6A, #360199, #003031)
- Softworn Harbor color palette (#FFEEE5, #82A878, #007A7D, #792333, #1E260D)
- Teal Boulevard color palette (#E3FCF5, #88DBBC, #11BCB6, #6582B5, #244347)
Browse the whole catalog at Explore, or see today's palette.