Feathered Sapphire color palette — #CFE4D6 · #977C00 · #525DC2 · #584700 · #1C1F5C

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

The five colors

• Celadon Mist (#CFE4D6): A whisper-light, dusty teal — the color of shallow lagoons.
• Ochre (#977C00): A full-bodied, balanced green — the color of fresh herbs.
• Royal Blue (#525DC2): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#584700): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#1C1F5C): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Feathered Sapphire 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

• Linen Grape color palette (#C6E7D9, #909521, #633FB3, #4A4D00, #2E1260)
• Indigo Field color palette (#DFF5E9, #969145, #7267CE, #5F5900, #322C60)
• Timeworn Amethyst color palette (#DFF2E0, #A67500, #6F4BD1, #5D4000, #140435)
• Airy Bronze Pier color palette (#F0D6E0, #B76800, #0071AB, #6C3B00, #002C46)
• Quiet Grape Meadow color palette (#D6F9EB, #6A7500, #6D28BC, #373E00, #240048)
• Pale Plum color palette (#C2E7E1, #50914A, #9A4099, #0F5909, #440845)
• Orchid Corridor color palette (#EEDAC6, #D58205, #A751F4, #8D5400, #331B4B)
• Iris Station color palette (#EFDCB6, #E3C030, #7881EA, #9B8000, #1F2058)

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