Quiet Coast color palette — #F4F7E8 · #F9DB85 · #07D69D · #0C98C9 · #293F28
Aqua and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F7E8): a clean, paper-quiet neutral.
- Butter (#F9DB85): A whisper-light, balanced green — the color of new leaves after rain.
- Aqua (#07D69D): A luminous, vivid teal — the color of glacier melt.
- Cerulean (#0C98C9): A luminous, balanced blue — the color of deep harbor water.
- Forest (#293F28): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Chalky Aqua Pier color palette (#EFF8EE, #B7E68A, #00D5CD, #6C84D6, #224836)
- Patina Lime color palette (#F6F7E2, #E9DDB7, #ADCF4F, #0094A5, #393A33)
- Celadon Cabin color palette (#E2F7F6, #B7EE7E, #58D5A0, #17ABBA, #03292F)
- Mint Atelier color palette (#E3EEC5, #5DC5A8, #00908F, #006881, #2B506B)
- Hazy Hollow color palette (#DDFFED, #22D49E, #009CC1, #7948C4, #012249)
- Tempered Sky color palette (#E3FCF2, #47E8CC, #07B4F0, #9655A7, #402842)
- Weathered Bloom color palette (#EBFAED, #0EB5BE, #D36158, #00747A, #48403D)
- Soft Mint Boulevard color palette (#E5FCEC, #00EB7C, #00C0D7, #7E66E8, #00325A)
Browse the whole catalog at Explore, or see today's palette.