Sapphire Pier color palette — #F2E7DD · #91B8DA · #5363B5 · #004B4C · #1D0734
Royal Blue and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F2E7DD): a clean, paper-quiet neutral.
- Sky (#91B8DA): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#5363B5): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004B4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#1D0734): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Sapphire Pier 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
- Dusty Meadow color palette (#F3E6E0, #95BFA6, #0070B4, #004D3B, #0D0D3C)
- Sapphire Garden color palette (#F4EDE3, #85B7E0, #2E65BA, #004D5E, #222857)
- Ancient Alley color palette (#F9ECE7, #63A9B2, #005F86, #003C23, #00032F)
- Sunlit Studio color palette (#F6EBEF, #9FCAED, #637CE9, #006C6C, #34234F)
- Weathered Forest color palette (#F8F0ED, #B7CFB6, #0089AA, #0D6021, #002141)
- Softworn Archive color palette (#EDEDDA, #6CA03D, #7336AF, #2D5200, #1B0033)
- Hushed Lagoon color palette (#FEECE6, #37868C, #00415A, #00210F, #000106)
- Pine Alley color palette (#F7F0EE, #C9E5DC, #6BA6B9, #4A7849, #143E35)
Browse the whole catalog at Explore, or see today's palette.