Tempered Field color palette — #F1F7F2 · #D4E0F0 · #6ABEDC · #52948A · #405567
Cyan and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#D4E0F0): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#6ABEDC): A luminous, balanced blue — the color of open sky before noon.
- Fern (#52948A): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#405567): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, 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
- Weathered Basin color palette (#FAF2F8, #D6D6EB, #74A0BA, #4B7877, #465367)
- Washed Petrol color palette (#DFEAE1, #60C3CB, #00829C, #005B4D, #002333)
- Wandering Loft color palette (#E5EEE7, #4F9FB5, #006085, #003B3B, #000A18)
- Patina Mustard color palette (#F7F2FF, #D99AC5, #B8A540, #5C9DB0, #463F50)
- Turquoise Orchard color palette (#EFF8F1, #B4DCE7, #19A8B8, #117F5F, #153F54)
- Sunlit Meadow color palette (#E7F2E9, #A1CAE9, #2584F5, #00697C, #212A51)
- Antique Chapel color palette (#F6F3FF, #E3B2DB, #80C394, #AE77A5, #2A5654)
- Tempered Taupe Corridor color palette (#FFF0F9, #E6BDD0, #BD8F7F, #866A83, #554148)
Browse the whole catalog at Explore, or see today's palette.