Quiet Coast color palette — #F3EDD8 · #CB8A00 · #857D00 · #007129 · #060800
Mustard and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3EDD8): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#CB8A00): A luminous, balanced gold — the color of honey in a jar.
- Olive Leaf (#857D00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#007129): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#060800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.
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
- Linen Canyon color palette (#E0EFE7, #EB7100, #817A00, #006E49, #111900)
- Gentle Olive Corridor color palette (#F1F1DC, #A98600, #5E8100, #005D4B, #000200)
- Gentle Tangerine color palette (#FAEBD9, #FF7048, #A86800, #586100, #070400)
- Quiet Moss color palette (#E1E4C2, #ADA500, #529B00, #006D5D, #000A02)
- Powdered Mustard Drift color palette (#BEEBD7, #DFAF00, #A4A200, #478200, #171A00)
- Dusty Boulevard color palette (#EFEAD5, #6E8951, #006649, #2A2D51, #21020C)
- Tempered Market color palette (#E3E6D4, #577C00, #105C09, #003011, #000D07)
- Misty Mustard color palette (#FFF6CF, #FFAD90, #CAB100, #009283, #000300)
Browse the whole catalog at Explore, or see today's palette.