Feathered Sapphire color palette — #FFF1F7 · #72C2EE · #006AD5 · #005558 · #282A64

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#72C2EE): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006AD5): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005558): A full-bodied, dusty teal — the color of sea glass.
• Navy (#282A64): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Sapphire Lantern color palette (#FEECF4, #73C6F4, #406DC8, #00524C, #1E034A)
• Patina Loft color palette (#FEF1FB, #48CCDC, #00799E, #005844, #00345F)
• Cornflower Summit color palette (#FFF3E8, #8FD5FB, #4987FA, #00736A, #342368)
• Dusty Ultramarine Study color palette (#EDDEE3, #70A5CA, #184FB5, #003D42, #1C1743)
• Periwinkle Orchard color palette (#FCF4E7, #B0E1FF, #5FB0FF, #0095A7, #102A74)
• Worn Ash color palette (#FCF2F5, #DBDEEE, #8899BF, #4B7586, #4B5169)
• Worn Cerulean Balcony color palette (#FAF2F8, #AAEBE7, #3F98AA, #406E51, #304B5F)
• Softworn Grove color palette (#F6F3FF, #FFAEF5, #F26D77, #405CBB, #442649)

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