Sunlit Sapphire color palette — #FFF0FE · #1671E3 · #646E00 · #155A02 · #3B203B
A conversation between Royal Blue and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#1671E3): A full-bodied, vivid blue — the color of deep harbor water.
- Olive (#646E00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#155A02): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#3B203B): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Sunlit Sapphire 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
- Hushed Cobalt color palette (#F8E9F6, #426EBD, #7A5C00, #005144, #321F31)
- Feathered Cobalt color palette (#E1FDF1, #0080B2, #816100, #2F5600, #003045)
- Weathered Atelier color palette (#FFD7EC, #7C49FF, #1E5700, #00425E, #1F173F)
- Feathered Orchid color palette (#FFF1F6, #A156FB, #006925, #004E42, #3E212E)
- Violet Boulevard color palette (#FFF1F6, #9569C2, #00855F, #006151, #402C34)
- Tempered Violet Alley color palette (#FFF0F8, #805DED, #834900, #004A49, #092E41)
- Hushed Workshop color palette (#F9F7D8, #9370EF, #AB006E, #005242, #422B4C)
- Frosted Plum Villa color palette (#E5FCEA, #008692, #BF0045, #504C00, #15331E)
Browse the whole catalog at Explore, or see today's palette.