Frosted Cobalt color palette — #F0DDF1 · #166CBF · #865000 · #4B4C03 · #021F3F

A conversation between Royal Blue and Coffee, giving this palette its sense of nature and growth.

The five colors

• Blush (#F0DDF1): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#166CBF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Coffee (#865000): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4B4C03): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#021F3F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Frosted 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

• Chalky Terracotta color palette (#DCEFFB, #0074A3, #954300, #713E00, #002234)
• Softworn Lapis color palette (#F7E1ED, #6457C5, #6D5E00, #255424, #1D1A3B)
• Soft Grape Field color palette (#D8E5F0, #0072A8, #7A30B4, #005A48, #000C17)
• Byzantium Thicket color palette (#F0E8FA, #9D3BEC, #5D6C00, #115A07, #30114A)
• Wandering Olive color palette (#FFF0F8, #897DC0, #887C28, #64710B, #4B2D3D)
• Antique Violet color palette (#C7EADF, #008DDC, #985AC0, #007A6A, #002139)
• Feathered Aubergine color palette (#F1ECFE, #6000B5, #424400, #00351A, #0B001F)
• Feathered Terrace color palette (#FFE2F1, #E64EAE, #007345, #006167, #482138)

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