Faded Cobalt color palette — #EDF6FF · #007CC3 · #4A7500 · #00583C · #002E4C

A conversation between Cerulean and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Cerulean (#007CC3): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#4A7500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#00583C): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002E4C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Forest Coast color palette (#EAF8FF, #0083A0, #706900, #135A04, #00313E)
• Cobalt Atelier color palette (#E7EFFF, #6068B4, #007351, #004F50, #1C253E)
• Sapphire Parlor color palette (#EAF3FF, #2D6EFD, #517900, #005459, #041130)
• Petrol Studio color palette (#C9E2F6, #00699A, #4B5B00, #004425, #001D2F)
• Soft Iris color palette (#FFF0FB, #718AFF, #A38200, #007769, #3B2136)
• Nightshade Alley color palette (#E4EDFF, #373EB3, #005033, #00302F, #06072B)
• Petrol Balcony color palette (#F4F4FE, #9C85B2, #448D88, #006A85, #3B3B4F)
• Chalky Grape color palette (#DDE3FF, #7734DE, #006859, #00454F, #231245)

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