Tempered Forest color palette — #F6EFF5 · #A4CFE0 · #3D84AB · #005F3B · #101F40
Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6EFF5): a clean, paper-quiet neutral.
- Sky (#A4CFE0): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#3D84AB): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F3B): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#101F40): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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
- Timeworn Cerulean color palette (#F0F8F1, #9DCEE0, #0085A3, #006155, #0E3F58)
- Tempered Cerulean color palette (#F8EFF4, #C9E0F0, #6D8EC2, #006E63, #232A47)
- Cobalt Alley color palette (#F3E4EB, #96B8D2, #4467B5, #004C47, #19073B)
- Teal Veranda color palette (#DBE7DB, #46AD90, #00767D, #004C67, #001F41)
- Washed Petrol Corridor color palette (#DCF6FF, #69BAD4, #00779A, #003946, #001118)
- Pine Terrace color palette (#E1F6FE, #C0DCFB, #BF9FC9, #058556, #0E2C41)
- Aged Courtyard color palette (#E5DAE3, #557F92, #003F62, #002015, #00000C)
- Washed Azure Quarry color palette (#FEF2EE, #BAE0C2, #1CA1DB, #058051, #4B3048)
Browse the whole catalog at Explore, or see today's palette.