Sapphire Garden color palette — #F9E9F2 · #6DC4E3 · #0067BC · #003F34 · #020013

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

The five colors

• Blush (#F9E9F2): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#6DC4E3): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0067BC): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F34): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#020013): 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 Sapphire Garden 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

• Spruce Pier color palette (#F6E9F7, #5ECBC8, #00738D, #00420D, #000308)
• Misty Indigo Drift color palette (#FFF1F6, #98D4FE, #4D6FE3, #005150, #12002B)
• Dusty Coast color palette (#CCEBFD, #008CAD, #9D4E00, #004355, #030100)
• Worn Loft color palette (#F7E6DA, #4F9BB5, #004D7C, #00302D, #030348)
• Cobalt Field color palette (#EEE3D1, #40C0EA, #008CCB, #006C70, #00132E)
• Timeworn Meadow color palette (#D8F0E5, #0099A0, #005871, #002E49, #01001A)
• Washed Grove color palette (#D3EBFF, #0B9EF2, #005A83, #001326, #000103)
• Hushed Market color palette (#D1E8E9, #00767A, #7D4B00, #504200, #000202)

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