Hazy Sapphire color palette — #DBFFEC · #B1A725 · #3661E7 · #655E00 · #1F3574

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

The five colors

• Honeydew (#DBFFEC): A whisper-light, dusty teal — the color of sea glass.
• Gold (#B1A725): A luminous, balanced green — the color of new leaves after rain.
• Royal Blue (#3661E7): A full-bodied, vivid violet — the color of wild irises.
• Olive (#655E00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#1F3574): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Calm, Energy, Balance. Tagged 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

• Amethyst Market color palette (#E0FDF2, #99AF2D, #7A49DE, #566400, #40247A)
• Timeworn Field color palette (#FFF1F5, #DE8E2D, #0072C4, #834E00, #003C6B)
• Washed Studio color palette (#C9E6D6, #8E8000, #8547B6, #524A00, #3A0959)
• Dusty Courtyard color palette (#DDFDFA, #5FBA77, #9948AD, #006F32, #52235D)
• Indigo Pier color palette (#C8F9E0, #8B8300, #6057E8, #6839CA, #353200)
• Softworn Alley color palette (#E3FCF0, #B5B603, #00AFC0, #7C7D00, #00434A)
• Frosted Cabin color palette (#FFF4DB, #E0C600, #A4AFFF, #AC9800, #2F326F)
• Aubergine Workshop color palette (#DBEBE6, #618B1E, #711987, #2A4200, #2E0039)

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