Tempered Pine color palette — #FFF2EC · #BDEDF4 · #2DC1E4 · #008C5D · #003958
Built around Fern, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Frost (#BDEDF4): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#2DC1E4): A luminous, balanced blue — the color of deep harbor water.
- Fern (#008C5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#003958): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Tempered 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
- Tempered Sky color palette (#FDF3EC, #D6D6E4, #5DB5FF, #008881, #1E2F69)
- Ancient Bloom color palette (#FFF2EC, #C5F9FF, #00A9D8, #007558, #002645)
- Quiet Aqua Drift color palette (#EBF9F6, #ACF3F5, #00CEE0, #00A799, #004855)
- Quiet Grove color palette (#FDF1F9, #89DFE1, #008EAA, #006A45, #054466)
- Dusty Drift color palette (#FAF4EE, #C6DDEC, #A1BBEE, #0093A0, #533447)
- Ancient Petrol Atelier color palette (#F9EBE3, #88C3C1, #007487, #004024, #000306)
- Weathered Amber Garden color palette (#F1F5FF, #8BAAFF, #CA9300, #9F8300, #0F1C4D)
- Worn Azure Basin color palette (#FFF0FD, #E4DAE3, #CFB7AA, #00A1D1, #403B69)
Browse the whole catalog at Explore, or see today's palette.