Ancient Lagoon color palette — #F4F6EE · #C1EAEF · #7B9DC0 · #42768C · #5E4C5D

Slate and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6EE): a clean, paper-quiet neutral.
• Frost (#C1EAEF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#7B9DC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#42768C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#5E4C5D): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Ancient 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

• Petrol Studio color palette (#F6F1EA, #C7E3E5, #839EC2, #317586, #432E3F)
• Softworn Cerulean color palette (#F1F7F2, #DADDEC, #9BB4D2, #5191A1, #485367)
• Wandering Petrol color palette (#EEF0E2, #6BBFD2, #00748F, #004F53, #003346)
• Cerulean Loft color palette (#F5F7E7, #7CE1EA, #008FA2, #006762, #004858)
• Lagoon Basin color palette (#EDEEDD, #009390, #004649, #00231D, #000C0E)
• Apricot Dune color palette (#FFF3E7, #E39F5F, #B586B5, #986636, #614449)
• Hushed Cocoa color palette (#FFF3E3, #DBDEC8, #BECAA9, #A1896F, #674600)
• Hushed Amber Lagoon color palette (#FFF3E5, #C08D4A, #729566, #9E626F, #5D3A00)

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