Tempered Forest color palette — #FFF2EE · #B5F3F3 · #00A1CB · #006F2E · #001E40
A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sea Foam (#B5F3F3): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#00A1CB): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006F2E): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#001E40): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Iris Loft color palette (#FDF3EC, #C7F0DF, #6391DE, #006B61, #1E1540)
- Pine Drift color palette (#FBF3F0, #BDE6F1, #6AAFDA, #008358, #1E2C51)
- Forest Dune color palette (#F7EAF7, #59C4C7, #007393, #005421, #0E2E53)
- Faded Field color palette (#FFF2EB, #99D7EB, #287EC8, #005342, #080034)
- Washed Denim Courtyard color palette (#EFDFD7, #6FADBD, #00598D, #002D20, #00000B)
- Tempered Orchid color palette (#F4F9DA, #77D17D, #B16BCC, #006F1D, #290037)
- Dusty Emerald Atelier color palette (#DDFFE7, #85DCA4, #00955B, #003F24, #000301)
- Ultramarine Balcony color palette (#F9ECE0, #8BBDE3, #445DC1, #003E3D, #04000F)
Browse the whole catalog at Explore, or see today's palette.