Lagoon Studio color palette — #F1DFCB · #9CB791 · #3E9095 · #7C4741 · #58302A

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

The five colors

• Parchment (#F1DFCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#9CB791): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#3E9095): A luminous, dusty blue — the color of a favorite pair of jeans.
• Coffee (#7C4741): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#58302A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Ancient Parchment color palette (#F7E5BB, #B2C29A, #6C9382, #8A6356, #5D4037)
• Worn Chestnut color palette (#EEE8CF, #92AC87, #5D89A8, #725826, #3A3630)
• Timeworn Cocoa color palette (#FFF3E5, #9BD1C6, #449792, #7B3E32, #3A2034)
• Dusty Chestnut color palette (#E0EEDB, #70B2B6, #8F6E8B, #86462D, #5A2927)
• Muted Petrol Alley color palette (#F4F0DD, #7B9E7E, #137C99, #713B0F, #3F1C00)
• Hushed Pine color palette (#F0E3CC, #97AE78, #34835F, #655321, #2D2A08)
• Dusty Atelier color palette (#F6D8D1, #BEAC73, #738441, #784C6F, #472640)
• Patina Aubergine Alley color palette (#DEEFD7, #709B9E, #437486, #583167, #55263D)

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