Tempered Lagoon color palette — #FAF3F0 · #CBE9E3 · #83BAD2 · #3F997C · #30524A

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Honeydew (#CBE9E3): A whisper-light, dusty teal — the color of sea glass.
• Sky (#83BAD2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#3F997C): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#30524A): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Lagoon Ridge color palette (#FAF4EF, #CBE8E9, #93B3E2, #3E9599, #64495B)
• Timeworn Atelier color palette (#F5F6EE, #B8E4EE, #9FC5E5, #90AB8D, #43584C)
• Petrol Study color palette (#FCECE3, #75ABBE, #006CA8, #004B45, #020A40)
• Petrol Alley color palette (#F4E8E2, #9ABB9E, #00819F, #005C3F, #002139)
• Patina Workshop color palette (#FFF4DA, #BCCE99, #80B273, #3C8F66, #3F5235)
• Ancient Periwinkle Atelier color palette (#FCF3EE, #B9E7D1, #5BA1E3, #00837F, #2F3C6C)
• Emerald Lagoon color palette (#F4F7EB, #A8D1AB, #CDA0C9, #589F62, #684046)
• Blush Terrace color palette (#EFF9E8, #82C0AE, #A59BD8, #CE718E, #3A4730)

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