Sapphire Coast color palette — #DBEBE0 · #A08300 · #4869DE · #635100 · #08114B
Sapphire and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DBEBE0): A whisper-light, dusty teal — the color of sea glass.
- Moss (#A08300): A luminous, balanced green — the color of new leaves after rain.
- Sapphire (#4869DE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#635100): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#08114B): 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 Sapphire Coast 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
- Aged Grape Pier color palette (#CFE4D9, #A19B25, #6C40CD, #595500, #1F034B)
- Indigo Summit color palette (#D6EEDD, #D1AB2D, #4671E9, #896D00, #04114B)
- Sunlit Sapphire Courtyard color palette (#FCEDC9, #B4A022, #0F5FEB, #594E00, #000520)
- Ancient Ultramarine color palette (#EDE0C8, #856A00, #2043D2, #473700, #040E50)
- Powdered Amber color palette (#FFE7F1, #DB7A24, #006BA3, #7E3F00, #001D31)
- Muted Aubergine Market color palette (#F0EEDD, #847500, #4F57D0, #6D21A2, #151200)
- Dusty Byzantium color palette (#D3EBE8, #3EB250, #964AC2, #005416, #2B003F)
- Soft Byzantium Ridge color palette (#C7EFE1, #A6BD2A, #A542DF, #627200, #450064)
Browse the whole catalog at Explore, or see today's palette.