Tempered Cobalt Studio color palette — #F8F0E9 · #A2CDEE · #4D77D3 · #005A62 · #1E1B3B

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

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Sky (#A2CDEE): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4D77D3): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A62): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1E1B3B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Cobalt Harbor color palette (#F8F0EB, #AAD3B8, #0086BC, #005D4F, #0A203F)
• Cobalt Boulevard color palette (#F3F7EC, #98CBF5, #407BBB, #005B7A, #493148)
• Hushed Periwinkle Villa color palette (#FFF1F6, #ADDAFF, #7794D3, #007A86, #313955)
• Patina Cerulean Villa color palette (#EFE0D7, #2E99AF, #004F72, #002C25, #000412)
• Antique Nightshade color palette (#E8DED3, #577CA0, #1B16A7, #001E24, #020009)
• Timeworn Byzantium Alley color palette (#EDEAD1, #90AE44, #963FB7, #495E00, #290E33)
• Sunlit Studio color palette (#E9E6D8, #8B9726, #6138C4, #93325F, #191400)
• Chestnut Basin color palette (#ECDDD2, #B19369, #974E11, #5F2D28, #1F1704)

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