Tempered Field color palette — #E7DECF · #7BA7CE · #0046C3 · #002A35 · #01000A

Cobalt and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E7DECF): A whisper-light, dusty gold — the color of honey in a jar.
• Blue Fog (#7BA7CE): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0046C3): A full-bodied, vivid violet — the color of wild irises.
• Midnight (#002A35): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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 Basin color palette (#F6EDDF, #66ADCB, #00598B, #002B2E, #000105)
• Wandering Summit color palette (#EDDDE2, #487EA9, #152D8E, #001F23, #010009)
• Chalky Indigo Terrace color palette (#F6EADD, #56A8E7, #5567D6, #005D5E, #0F0022)
• Dusty Petrol Quarry color palette (#F4EDE3, #78C7C3, #007580, #00402E, #000305)
• Wisteria Lantern color palette (#FBE4FA, #A0ABFF, #B474D9, #004F6A, #00000C)
• Midnight Cabin color palette (#D2DFFB, #3F7DF0, #1300BE, #00002F, #00000B)
• Dusty Cobalt Pier color palette (#CAECE3, #006DBC, #764900, #002C51, #020100)
• Cobalt Courtyard color palette (#FCF4E8, #95D6F6, #0080CA, #005057, #000A27)

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