Sapphire Harbor color palette — #FFF0FE · #2663D2 · #156106 · #00423B · #002734
Royal Blue and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#2663D2): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#156106): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00423B): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#002734): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, cool.
Use it as a design system
One click turns 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
- Linen Lapis color palette (#FFF0F8, #6555C5, #00674C, #004248, #052649)
- Denim Balcony color palette (#F6E7F3, #3A53AA, #004619, #00322F, #00121E)
- Timeworn Ridge color palette (#E2FCF0, #007797, #585100, #004B19, #002929)
- Misty Violet Lagoon color palette (#F2F4FF, #9968FF, #7B6D00, #005D68, #271E3F)
- Weathered Grape Drift color palette (#FFF0F3, #8C259B, #004A4D, #00314F, #190D3A)
- Weathered Market color palette (#FEF2F1, #B0718D, #2D718D, #3F4A82, #442C33)
- Rust Workshop color palette (#FFF2EA, #CC5200, #6B5800, #014E0F, #003839)
- Soft Raspberry Canyon color palette (#FFEDEC, #BE308E, #775300, #003E3E, #190423)
Browse the whole catalog at Explore, or see today's palette.