Quiet Lagoon color palette — #FAF0E8 · #C6773E · #327630 · #004762 · #2B1230

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Caramel (#C6773E): A luminous, balanced gold — the color of honey in a jar.
• Olive (#327630): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#004762): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#2B1230): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Worn Bloom color palette (#FDEEEB, #C56F83, #706600, #004B4E, #211738)
• Washed Terrace color palette (#FAF1E2, #AF871C, #007663, #283B7B, #35120E)
• Ember Delta color palette (#FFF0FC, #D06257, #00736E, #314773, #342B50)
• Apricot Meadow color palette (#FFF0F7, #E98942, #579058, #216587, #3A3252)
• Feathered Bronze color palette (#F6DCBC, #986600, #005B40, #002C58, #200016)
• Aged Driftwood Canyon color palette (#F7E2D0, #C8B493, #8B8239, #386252, #42293D)
• Aubergine Pier color palette (#E2DFCF, #627500, #004F5F, #3F0053, #160600)
• Timeworn Bronze Station color palette (#F1E4D5, #A36500, #34312A, #1F1306, #0B0502)

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