Quiet Coast color palette — #DEFCFB · #5FC286 · #D87400 · #007743 · #291100
Mustard takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#DEFCFB): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#5FC286): A luminous, balanced teal — the color of glacier melt.
- Mustard (#D87400): A luminous, balanced gold — the color of old brass.
- Pine (#007743): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#291100): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Quiet 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
- Feathered Moss color palette (#E6F9FF, #00C2C6, #A39400, #007275, #1C1900)
- Chalky Teal color palette (#D5F5FA, #00A992, #9F7000, #005B4D, #0D0600)
- Patina Pier color palette (#E1FDEF, #B3B03F, #EA5679, #6A6700, #350010)
- Misty Olive Summit color palette (#DDFEF5, #8EBA64, #00A0CD, #467200, #001C26)
- Jade Pier color palette (#DAFDFF, #00AB83, #008DC3, #776C00, #00110A)
- Softworn Boulevard color palette (#E2FEE7, #C4B275, #957000, #603F00, #00180C)
- Gentle Emerald color palette (#D9E3C0, #009752, #9F5300, #00582D, #411E00)
- Lime Archive color palette (#E9F9FC, #A8C876, #005E59, #001D1C, #000102)
Browse the whole catalog at Explore, or see today's palette.