Tempered Cobalt color palette — #EDDBD2 · #76BBD3 · #008AD5 · #006E65 · #020645

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#EDDBD2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#76BBD3): A luminous, dusty blue — the color of deep harbor water.
• Azure (#008AD5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006E65): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#020645): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Tempered Cobalt 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

• Cornflower Atelier color palette (#F6EBE1, #94C7E9, #5591EE, #007C82, #1A1150)
• Timeworn Forest color palette (#EFDFD6, #6EC0BE, #0093AB, #007143, #001624)
• Hushed Petrol Field color palette (#CEE5E2, #70ACBF, #007093, #004950, #001624)
• Washed Wisteria Workshop color palette (#CCE7D9, #A3BCEE, #C392E1, #008A87, #001B34)
• Hushed Cerulean Cabin color palette (#ECD9E4, #2098B8, #004E79, #002C28, #00011D)
• Azure Lantern color palette (#F8ECE5, #BADDC7, #20B0F7, #009381, #142D55)
• Timeworn Garden color palette (#D7EFFF, #0CAAF0, #007AB0, #004B72, #000308)
• Soft Scarlet Pier color palette (#D0E5DB, #009ACC, #E72A00, #006B90, #250200)

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