Tempered Field color palette — #FDF3EE · #CFE2D2 · #5494AD · #007456 · #2B4B67
Built around Pine, softened by Storm Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FDF3EE): bright and airy, almost weightless.
- Celadon Mist (#CFE2D2): A whisper-light, dusty teal — the color of glacier melt.
- Storm Blue (#5494AD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Pine (#007456): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#2B4B67): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Field 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 Cypress color palette (#FBF3EE, #C3E5D8, #6B8CBB, #007075, #5B3C51)
- Ancient Cerulean Grove color palette (#ECF4F2, #C3E2EE, #289DB1, #006D69, #083042)
- Ancient Cobalt color palette (#FCF3EE, #A8D0BA, #397FB0, #006058, #2A3A5C)
- Softworn Lagoon color palette (#DCE9C1, #66BAAB, #00898E, #006374, #324267)
- Ancient Lagoon color palette (#EAFAEF, #BEDEF2, #C2BEEC, #0B8976, #325243)
- Tempered Lagoon color palette (#EBDCD5, #529BAC, #005072, #003129, #001233)
- Softworn Petrol Lantern color palette (#DCFFEA, #7FBCD4, #007D98, #00495D, #00303C)
- Weathered Amber color palette (#EAFAEC, #63AEB1, #BC7557, #007479, #64331D)
Browse the whole catalog at Explore, or see today's palette.