Tempered Grove color palette — #F9EFED · #B3D1B0 · #37879E · #1D5E1E · #00223E
Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Cream (#F9EFED): bright and airy, almost weightless.
- Pistachio (#B3D1B0): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#37879E): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#1D5E1E): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#00223E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Grove 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
- Timeworn Cobalt color palette (#FAEFE9, #AAD2BD, #547FAD, #005D4C, #321429)
- Tempered Petrol Grove color palette (#F5E6DD, #95BFA6, #0070B3, #004D3A, #0C0C3F)
- Muted Jade color palette (#D8EBD0, #43B280, #00726B, #004F5B, #001F31)
- Patina Pine color palette (#F8F3F9, #AEDEE9, #12A6C7, #2B802D, #1B3D5B)
- Aged Cypress Drift color palette (#F6F1EB, #C6E6E9, #B48FAA, #387777, #462E38)
- Airy Rust color palette (#DCF0DB, #00A6A5, #C05262, #006261, #380711)
- Wandering Pine color palette (#E6F8E3, #AEDDFF, #BAACE3, #507943, #0D2A1B)
- Aged Abyss color palette (#F8E4DE, #488484, #004255, #002107, #000105)
Browse the whole catalog at Explore, or see today's palette.