Quiet Pine color palette — #FDF1FE · #5DE2E0 · #009BC0 · #007926 · #003460
Olive and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FDF1FE): A whisper-light, dusty pink — the color of peonies in June.
- Lagoon (#5DE2E0): A whisper-light, balanced teal — the color of glacier melt.
- Cerulean (#009BC0): A luminous, balanced blue — the color of open sky before noon.
- Olive (#007926): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003460): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Pine 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
- Cornflower Courtyard color palette (#FEF1F8, #6ADCFB, #0092EB, #00755B, #24276F)
- Turquoise Villa color palette (#FFF2EB, #B1FFFC, #00ACC8, #007746, #00283C)
- Softworn Forest color palette (#ECE2EB, #65C3C4, #0081A3, #005E25, #001F42)
- Frosted Turquoise color palette (#E8FAF6, #9AEAE8, #00C1CC, #009A86, #003A42)
- Sky Grove color palette (#F9F3F8, #CEE0F9, #5AAEE2, #398C68, #3A485F)
- Antique Jade color palette (#DFF2DC, #00C084, #009087, #005B6B, #003754)
- Wandering Turquoise Dune color palette (#C3F4FF, #00C3D6, #008995, #005161, #002028)
- Ember Hollow color palette (#D5E8E5, #00A199, #D64D00, #8F5C00, #002B28)
Browse the whole catalog at Explore, or see today's palette.