Hazy Sapphire color palette — #F3F1DD · #72A939 · #1276E7 · #00183C · #000717

Sapphire takes the lead with Kelly Green close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F3F1DD): A whisper-light, dusty green — the color of a quiet forest floor.
• Kelly Green (#72A939): A luminous, balanced green — the color of fresh herbs.
• Sapphire (#1276E7): A full-bodied, vivid blue — the color of open sky before noon.
• Midnight (#00183C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000717): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Energy. Tagged neon, dark, vibrant, 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

• Soft Violet color palette (#D6E5C7, #00B376, #8057E8, #19033D, #030413)
• Feathered Boulevard color palette (#EDF5D2, #5AE05C, #7E7FEA, #1A164A, #050916)
• Antique Lime color palette (#EFDBC4, #B3CD00, #009AE3, #003451, #001A13)
• Weathered Garden color palette (#E3E1CF, #D38B00, #009DC0, #0B1827, #00070E)
• Misty Navy Workshop color palette (#D9E2F3, #A99500, #222B96, #08004F, #010016)
• Washed Lagoon color palette (#DDE3D5, #00A492, #8900C5, #130020, #010007)
• Deep Cabin color palette (#E3F2D2, #486B00, #2F00CB, #0F051A, #00000A)
• Dusty Plum Delta color palette (#DCECF6, #008073, #A30094, #180308, #020007)

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