Tempered Field color palette — #E4E7D9 · #41A1B6 · #00627B · #003B3F · #000B13

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Parchment (#E4E7D9): a clean, paper-quiet neutral.
• Cerulean (#41A1B6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00627B): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003B3F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000B13): 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

• Denim Coast color palette (#F5E5DC, #63AFBF, #005A89, #002D1E, #00000B)
• Ultramarine Garden color palette (#EDF2E5, #6397C8, #0055AE, #003850, #00012E)
• Patina Cerulean Orchard color palette (#F2E5DE, #0090A7, #00415F, #00231D, #00081E)
• Petrol Alley color palette (#E4F5E8, #5CAEC1, #007FA8, #005D5A, #000A17)
• Cobalt Drift color palette (#EDF0E6, #96CCF0, #008CE0, #006883, #132E50)
• Periwinkle Ridge color palette (#F3F7EC, #ACE1D4, #5B96EA, #0075A3, #4C2F48)
• Patina Cocoa color palette (#F7E9E0, #9A5E30, #702F00, #440F00, #070200)
• Wandering Bloom color palette (#F4F6F0, #CAE4E7, #8BB5E4, #578EA8, #5D4C5C)

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