Sapphire Pier color palette — #D9F0E2 · #00B9A8 · #00A3C2 · #3771E4 · #000204
Sapphire and Turquoise set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D9F0E2): A whisper-light, dusty teal — the color of glacier melt.
- Turquoise (#00B9A8): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00A3C2): A luminous, balanced blue — the color of deep harbor water.
- Sapphire (#3771E4): A full-bodied, vivid violet — the color of a velvet chair.
- Black (#000204): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Balance. Tagged candy, vibrant, light, cool.
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
- Clover Grove color palette (#E1F0DE, #00BF69, #00A898, #007DA5, #000303)
- Patina Field color palette (#ECE0EC, #00B2DA, #0094F3, #804DDB, #01001C)
- Hushed Petrol color palette (#E9DECD, #71ACAE, #008396, #005F4C, #000B12)
- Grape Villa color palette (#D5E9DB, #15A945, #00849F, #6919C3, #00060E)
- Feathered Nightshade Studio color palette (#DBF0FB, #008C83, #006F8B, #112CAE, #000103)
- Patina Cerulean Atelier color palette (#DCF2F7, #588AB5, #585F91, #6C392E, #1A0C00)
- Navy Study color palette (#D7F3FF, #0082C5, #005CB2, #192797, #070026)
- Gentle Study color palette (#F0DEE8, #71B3FF, #8E8BFF, #B94DC1, #12002C)
Browse the whole catalog at Explore, or see today's palette.