Tempered Field color palette — #F5F7E6 · #7FC5D0 · #007B92 · #005656 · #00394A

A conversation between Teal and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#7FC5D0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007B92): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005656): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#00394A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Misty Dune color palette (#FFEEE6, #56CEE1, #007CA6, #005343, #001A38)
• Pale Cobalt Grove color palette (#F3F7EA, #80BFEE, #0070C1, #00526C, #002F6F)
• Ancient Market color palette (#E8EAE0, #6FA9B8, #00617A, #003D41, #002332)
• Turquoise Corridor color palette (#E7FAF7, #80ECFF, #00BEE2, #009799, #00394B)
• Weathered Cerulean Field color palette (#FFF0FB, #83DBE9, #0099CB, #00755D, #003362)
• Aged Quarry color palette (#F4F7EE, #A7DBCA, #2B82D3, #006281, #143D7A)
• Abyss Balcony color palette (#E2E6D6, #4B89A7, #004162, #002129, #000A18)
• Chalky Mulberry color palette (#FFDADC, #C354A8, #976400, #880070, #402800)

Browse the whole catalog at Explore, or see today's palette.