Tempered Field color palette — #EEDAD0 · #3F9EB0 · #005071 · #003128 · #001231

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#EEDAD0): A whisper-light, dusty orange — the color of autumn markets.
• Cerulean (#3F9EB0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005071): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003128): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#001231): 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

• Navy Delta color palette (#F7E6D8, #4397CF, #1C4395, #002F33, #120838)
• Muted Petrol Veranda color palette (#F5EAF2, #5EAFC0, #006DA4, #004C36, #070B3C)
• Cerulean Canyon color palette (#DBE9DD, #6ABED0, #0090BA, #006D67, #001527)
• Quiet Villa color palette (#FFF2EC, #67E4E7, #008EAA, #006A45, #074466)
• Misty Cobalt Parlor color palette (#FFF2EA, #4EC8EF, #0073B5, #005650, #182C6C)
• Cobalt Workshop color palette (#FAF4EE, #BFE6D9, #688AC6, #116F76, #5A3D4F)
• Aubergine Coast color palette (#F6DEF1, #EE8994, #B46929, #4F2473, #2B0907)
• Chalky Mulberry color palette (#F9E7F2, #A40082, #005C25, #51003F, #001504)

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