Quiet Azure color palette — #F0F4E1 · #7BC687 · #129FD8 · #8B5998 · #4B1A00

Cerulean and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0F4E1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#7BC687): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#129FD8): A luminous, balanced blue — the color of deep harbor water.
• Slate (#8B5998): A full-bodied, balanced pink — the color of neon signs at night.
• Espresso (#4B1A00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Quiet Azure 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

• Mustard Harbor color palette (#F7F2DE, #AEBB62, #00A6B4, #7361AB, #501014)
• Mint Cabin color palette (#EDF5E3, #38CE9C, #6393DF, #A64D77, #392800)
• Ash Lantern color palette (#E4EEC6, #B7CAB0, #7CB4C4, #9F7A7F, #673E37)
• Gentle Thicket color palette (#F1F5DD, #58AB5F, #8D5C97, #73336E, #4A1234)
• Sunlit Azure color palette (#CBEADD, #10AEF2, #AD62B6, #994700, #0A2700)
• Faded Violet color palette (#D2F2D0, #00C1BC, #8A6AFF, #BE1822, #1F2900)
• Washed Corridor color palette (#EFF8F0, #7FD8E0, #A9A1D5, #AF7575, #514100)
• Timeworn Mulberry color palette (#DEE9CB, #00AA6D, #0073CF, #8C0F67, #1B0F00)

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