Sapphire Pier color palette — #F4EEE3 · #86B7E2 · #2962C8 · #004D5F · #252A4E
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F4EEE3): a clean, paper-quiet neutral.
- Sky (#86B7E2): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#2962C8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#252A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Patina Grove color palette (#F5EDE2, #7DBDCC, #007296, #00504C, #003150)
- Sapphire Courtyard color palette (#F1E7DD, #8DB9DE, #5263B7, #004B4C, #1B0D2E)
- Pale Cobalt Basin color palette (#E3F2F2, #B5D7F8, #71A7EC, #0D89BA, #192C54)
- Iris Market color palette (#FAEAEF, #8FCBFF, #7280CA, #006B6E, #352449)
- Wisteria Alley color palette (#FFEEFF, #B1BAF9, #BA82D6, #006688, #42253B)
- Quiet Pier color palette (#D6E6EB, #009ED3, #006396, #003C83, #1B2758)
- Powdered Orchard color palette (#FBF4EA, #8ADDF0, #008BB7, #006762, #05436A)
- Cerulean Basin color palette (#F1E8DA, #3F9BC2, #004D7D, #002F34, #001135)
Browse the whole catalog at Explore, or see today's palette.