Tempered Forest color palette — #FBF2F8 · #B9F0FE · #00A3BC · #006E3E · #002232
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2F8): a clean, paper-quiet neutral.
- Frost (#B9F0FE): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#00A3BC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#006E3E): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002232): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Forest 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
- Patina Azure color palette (#FDF1F8, #C9EBFF, #2599E7, #006B63, #0D1A44)
- Timeworn Pine Lagoon color palette (#FBF2F8, #D4D4E3, #64B2CF, #008261, #0A314E)
- Wandering Courtyard color palette (#DBEEE9, #61C6C2, #007A7F, #004C41, #001A1E)
- Wandering Denim color palette (#F6ECF4, #6EAEB8, #005D7C, #002C22, #000104)
- Worn Cobalt Studio color palette (#FFF0FB, #9DD7E5, #0084BA, #005346, #000B25)
- Muted Cornflower color palette (#E8FCE6, #ECAA4F, #407FEF, #885700, #001244)
- Weathered Quarry color palette (#F6EAF0, #95BCD9, #0061CE, #003D40, #020013)
- Washed Corridor color palette (#F9F3F7, #D3D5E5, #93D8ED, #5DA380, #3A5062)
Browse the whole catalog at Explore, or see today's palette.