Pale Cobalt color palette — #F9F6DF · #96B34F · #4873C5 · #6E2E5E · #3A010B

Sapphire and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F6DF): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#96B34F): A luminous, balanced green — the color of new leaves after rain.
• Sapphire (#4873C5): A full-bodied, balanced violet — the color of wild irises.
• Mulberry (#6E2E5E): A full-bodied, balanced pink — the color of peonies in June.
• Ink (#3A010B): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Gentle Mulberry Boulevard color palette (#F0F9E7, #47BE99, #8465A9, #73285F, #2F1200)
• Aged Stone Quarry color palette (#F7F6E7, #A7C881, #5C8EC2, #86454E, #4C1707)
• Frosted Marigold Basin color palette (#FFF4E1, #CD9F1A, #00849C, #642E78, #2A0836)
• Hazy Jade color palette (#F2F8E7, #38C185, #6E6BB9, #783200, #2F1100)
• Soft Violet Alley color palette (#E2F6FD, #56C5CB, #4F96E3, #8453B9, #4F0B2D)
• Olive Atelier color palette (#E5F7EE, #807B00, #005A82, #69152F, #451800)
• Olive Courtyard color palette (#F8F4D5, #6B8700, #004F8B, #4B0015, #060001)
• Aged Garden color palette (#FFF5D2, #D8E0C1, #87A68D, #855F56, #4E302A)

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