Pale Cobalt color palette — #DFF5F4 · #5CBAF7 · #0087E0 · #006886 · #001231

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

The five colors

• Cream (#DFF5F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cornflower (#5CBAF7): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0087E0): A luminous, vivid blue — the color of a favorite pair of jeans.
• Peacock (#006886): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#001231): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Washed Alley color palette (#D2E9E5, #66BFD0, #0092B0, #006C6F, #001721)
• Quiet Meadow color palette (#F1E1E7, #6AAAD3, #2D62BA, #00494E, #100938)
• Periwinkle Meadow color palette (#DFF3F2, #A1DCFF, #4BADF3, #048CAC, #092F54)
• Misty Nightshade color palette (#EBDBE1, #5891B8, #2336AD, #002C2B, #070016)
• Tempered Orchid color palette (#ECEEFE, #9D65FF, #009197, #7235CA, #001314)
• Misty Byzantium color palette (#F6E6FC, #BC00EC, #D90031, #0068B5, #100018)
• Seafoam Balcony color palette (#E1FCF5, #49F6ED, #00C2C7, #009A81, #003B41)
• Timeworn Aqua Corridor color palette (#EEF8F6, #CCE0F9, #81CADD, #61A6A4, #314C5A)

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