Muted Sapphire color palette — #D9EAFF · #0069D8 · #694200 · #173D00 · #00261A

Royal Blue and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D9EAFF): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#0069D8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Bronze (#694200): A full-bodied, balanced gold — the color of old brass.
• Forest (#173D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#00261A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Muted 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

• Sapphire Cabin color palette (#DBE9FF, #305CEE, #6F3E00, #003947, #0E1E36)
• Sapphire Drift color palette (#DAE9FF, #2762E3, #910408, #650203, #1D2900)
• Plum Parlor color palette (#DFE7FF, #8472FF, #C3003F, #4E4A00, #002A2B)
• Misty Amethyst color palette (#F3D7E7, #6C50E8, #910026, #2D2F00, #001214)
• Byzantium Summit color palette (#E5E5FF, #9333D2, #475200, #303700, #002D12)
• Hushed Garnet color palette (#CCEEFD, #007D8B, #8F0030, #003E1B, #002520)
• Tempered Violet Thicket color palette (#F0F0FF, #8F5FAE, #415F00, #004443, #002A37)
• Aubergine Archive color palette (#E2DFF1, #812A8D, #224000, #002527, #010E17)

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