Quiet Sapphire color palette — #F0E7E1 · #87BCD4 · #1668CA · #004C43 · #140F32

Royal Blue and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E7E1): a clean, paper-quiet neutral.
• Sky (#87BCD4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#1668CA): A full-bodied, vivid blue — the color of deep harbor water.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#140F32): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Dusty Petrol Archive color palette (#F3E6E1, #7DC1C4, #007699, #004F25, #001435)
• Pale Basin color palette (#F7EDDD, #65BEE5, #0B6DA9, #004F55, #172D51)
• Softworn Cobalt Alley color palette (#F9F0E7, #AAD1C4, #5E78C0, #005B59, #231939)
• Sunlit Field color palette (#FBEFEB, #86E2E3, #0090B7, #00672B, #00244D)
• Azure Harbor color palette (#E1EFFB, #3E9BF2, #005EA3, #002C46, #000712)
• Antique Fuchsia Veranda color palette (#CAEFDC, #AFC1F2, #DA84CE, #006962, #00221B)
• Cerulean Terrace color palette (#CBF2E4, #008D9A, #006881, #003357, #0F0A3A)
• Cerulean Station color palette (#F8E7DF, #3399AB, #004E77, #002D1E, #01001E)

Browse the whole catalog at Explore, or see today's palette.