Quiet Coast color palette — #F9F5EA · #C7B802 · #3284CE · #7E7400 · #001E18
Built around Gold, softened by Azure — the whole palette hums with nature and growth.
The five colors
- Ivory (#F9F5EA): a clean, paper-quiet neutral.
- Gold (#C7B802): A luminous, vivid green — the color of new leaves after rain.
- Azure (#3284CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Walnut (#7E7400): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#001E18): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Quiet Marigold color palette (#FCF4EA, #E4A755, #009393, #9B6400, #0E1C0E)
- Frosted Chartreuse color palette (#F7F6EC, #B5D26F, #8685D2, #758A41, #2F1E28)
- Aged Boulevard color palette (#EEF8F4, #CDD892, #009CAB, #747E00, #00070B)
- Quiet Mint color palette (#F4F7EC, #4FD186, #7873CC, #12874D, #22131C)
- Pale Ultramarine color palette (#E5E1CD, #8C9D00, #005FB6, #4F5900, #080109)
- Worn Clover color palette (#FFE9E4, #5DBB52, #00859F, #793F5C, #29351D)
- Dusty Amethyst color palette (#F0F4E1, #00CE48, #714EFF, #007F29, #100A2F)
- Hushed Thicket color palette (#EDF8F6, #7CA76D, #006E57, #235F00, #021D1F)
Browse the whole catalog at Explore, or see today's palette.