Quiet Pine color palette — #F4F0CE · #008F57 · #00594D · #002D54 · #00130B
Built around Fern, softened by Midnight — the whole palette hums with nature and growth.
The five colors
- Custard (#F4F0CE): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#008F57): A full-bodied, balanced teal — the color of sea glass.
- Pine (#00594D): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002D54): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#00130B): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.
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
- Linen Boulevard color palette (#F3EDD8, #618700, #005D23, #00323E, #051200)
- Antique Lagoon color palette (#EDEBCD, #00A279, #006964, #18376A, #0D1D02)
- Aubergine Orchard color palette (#E4E6D5, #008A86, #005664, #2A1270, #001213)
- Hushed Petrol Harbor color palette (#E9EAE1, #77C2C5, #007985, #004C45, #001A20)
- Ancient Olive Cabin color palette (#FCCFE6, #2D8E00, #00585A, #521942, #002C1B)
- Eclipse Onyx color palette (#EEF1DF, #006168, #003444, #1B003B, #000203)
- Weathered Thicket color palette (#FFF2EA, #76B64B, #007B79, #6C1947, #00180A)
- Worn Study color palette (#D6F2EE, #799B7E, #2E7184, #34345E, #351423)
Browse the whole catalog at Explore, or see today's palette.