Sunlit Cobalt color palette — #DEF8F7 · #7DC3F8 · #0074C8 · #004E67 · #00173F

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#DEF8F7): A whisper-light, dusty teal — the color of sea glass.
• Sky (#7DC3F8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0074C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004E67): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00173F): A deep, shadowed, balanced 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 Sunlit 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

• Wandering Aqua Cabin color palette (#DFF8F4, #62CCE3, #007E9B, #005154, #001D2A)
• Sapphire Summit color palette (#FFF3E8, #8ABEE6, #3866D0, #00555D, #30246B)
• Faded Denim Station color palette (#D7EBEA, #77A1C8, #1C579E, #00364C, #00042E)
• Cornflower Harbor color palette (#F2F8E8, #9FD1F8, #018FF4, #006D8F, #002E6F)
• Lagoon Lantern color palette (#DBEEEA, #478489, #00444E, #001F1E, #000202)
• Hushed Cypress Ridge color palette (#E8F5F2, #C3E2EC, #449CA7, #006D63, #0D303F)
• Gentle Byzantium color palette (#F4E3D5, #C26E00, #AB33B2, #703E00, #29002C)
• Misty Ember Canyon color palette (#F5E2D9, #CC5F00, #945000, #4F2D00, #2C1900)

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