Hazy Sapphire color palette — #B5F4E3 · #009C84 · #326FE5 · #6B5600 · #00261F

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

The five colors

• Sea Foam (#B5F4E3): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#009C84): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#326FE5): A full-bodied, vivid violet — the color of a velvet chair.
• Coffee (#6B5600): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#00261F): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Aged Indigo Dune color palette (#C3ECFC, #0098A4, #7361D7, #506000, #002528)
• Moss Station color palette (#C3F0E7, #4A9D00, #0085A0, #864400, #0D2600)
• Sunlit Basin color palette (#C7E5F8, #007A9B, #656500, #0D5107, #000F1A)
• Antique Ridge color palette (#C2EFED, #00A060, #007FBD, #3545C0, #002714)
• Aged Station color palette (#DCF7FF, #00C3C2, #0082AE, #007978, #00141F)
• Hushed Lapis Lagoon color palette (#D0EDFF, #009AC6, #4D56D3, #730082, #002C21)
• Sunlit Azure color palette (#E2F0FF, #3995E0, #A962A5, #983C5B, #0E2840)
• Dusty Meadow color palette (#BEEEF8, #00786F, #7600C4, #6F1800, #002622)

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