Gentle Sapphire Harbor color palette — #CEEFD3 · #A87D00 · #0C61F2 · #654900 · #002473

Royal Blue and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CEEFD3): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#A87D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Royal Blue (#0C61F2): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#654900): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#002473): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged vibrant.

Use it as a design system

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

• Powdered Sapphire color palette (#D5EBDB, #A48200, #006BE3, #5E4900, #001436)
• Feathered Cornflower color palette (#F4E4B7, #D2AB2A, #1978EA, #806500, #002B62)
• Amber Balcony color palette (#FFDEBE, #BB7100, #0077B3, #704200, #00314E)
• Chalky Grape Canyon color palette (#C6F0DF, #909D22, #7026DB, #4C5400, #360872)
• Linen Moss Lantern color palette (#C9E5DD, #729E21, #744098, #385300, #38144F)
• Honey Delta color palette (#F8E2B7, #F9BF31, #5A94EA, #AC8000, #002A65)
• Worn Ember Pier color palette (#FAD9F0, #E4440F, #007D94, #8C2300, #00343F)
• Wandering Fern color palette (#D7F6F1, #689E59, #995FA2, #226800, #4A2450)

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