Dusty Coast color palette — #F5F6ED · #AAB496 · #408172 · #51567F · #394A00
Built around Deep Olive, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Ivory (#F5F6ED): a clean, paper-quiet neutral.
- Sage (#AAB496): A luminous, dusty green — the color of new leaves after rain.
- Teal (#408172): A full-bodied, dusty teal — the color of shallow lagoons.
- Peacock (#51567F): A full-bodied, dusty violet — the color of a velvet chair.
- Deep Olive (#394A00): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty Coast 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
- Pine Corridor color palette (#FBF6DD, #8CB072, #2E7B47, #703A68, #2D411E)
- Timeworn Lantern color palette (#F9F4EC, #C9C1A2, #75895E, #815865, #5C4C00)
- Muted Lagoon color palette (#F5F1E8, #9FBE96, #10886F, #6F4A45, #282914)
- Ancient Lagoon Grove color palette (#EDF9F2, #AECFA7, #50A08B, #7D6986, #2A4945)
- Washed Atelier color palette (#E4FBF6, #A7E6C0, #70BDAA, #8390AD, #2F4847)
- Plum Quarry color palette (#FFF2F0, #CB899E, #009F8E, #A83263, #004E45)
- Dusty Garnet Balcony color palette (#DEE2CB, #3D8B6D, #005049, #5B0025, #002116)
- Aged Coast color palette (#F9F4EE, #C4E5D8, #688EB4, #006F7D, #374769)
Browse the whole catalog at Explore, or see today's palette.