Quiet Sapphire color palette — #F2D8F1 · #0061D7 · #6C5500 · #003379 · #090500
Royal Blue and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Thistle (#F2D8F1): A whisper-light, dusty pink — the color of a candy shop window.
- Royal Blue (#0061D7): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Coffee (#6C5500): A full-bodied, balanced green — the color of a quiet forest floor.
- Navy (#003379): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Quiet 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 Nightshade Terrace color palette (#FBE4F4, #4E50DF, #5C5C00, #2900A2, #060600)
- Muted Petrol Bloom color palette (#D1F2E8, #006DB1, #834600, #003A62, #0D0400)
- Wandering Canyon color palette (#F3E8F3, #0050BB, #6A4400, #3F4000, #000109)
- Misty Lagoon color palette (#E1EBFF, #5F6FE8, #9D6100, #3A3CBF, #0C0400)
- Gentle Navy color palette (#E4F0FF, #004DA4, #004B30, #001E49, #000804)
- Softworn Byzantium color palette (#F3DFE5, #9D46D8, #376600, #3F0060, #020800)
- Dusty Brick Corridor color palette (#DFF7E8, #00758C, #A7050E, #003F4C, #140000)
- Peony Basin color palette (#FBE9F8, #AA97DA, #C2559B, #00566C, #0B0625)
Browse the whole catalog at Explore, or see today's palette.