Tempered Teal Pier color palette — #F4F6EC · #C2E9D1 · #56B0A3 · #5B8069 · #2C4000

Turquoise and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6EC): a clean, paper-quiet neutral.
• Celadon Mist (#C2E9D1): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#56B0A3): A luminous, balanced teal — the color of sea glass.
• Fern (#5B8069): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#2C4000): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Weathered Basin color palette (#F8F5E8, #B5E2C1, #6CBDB5, #74998F, #3D4900)
• Dusty Jade color palette (#F7F6EC, #CBF2C8, #5EB289, #886C85, #383C00)
• Jade Atelier color palette (#FAF5E9, #D2E5C0, #84AB6E, #668141, #3A3932)
• Weathered Cypress Delta color palette (#E9F9F9, #84BABF, #428076, #35616E, #23494D)
• Hushed Olive Study color palette (#F2F0E0, #558A45, #004829, #001843, #000200)
• Mint Delta color palette (#F5F7E4, #76D0A4, #008A77, #494B7A, #131C00)
• Timeworn Cerulean Meadow color palette (#F8F5EF, #C1E0F0, #86C1F7, #0993A1, #4F354D)
• Apricot Boulevard color palette (#FFF1F6, #CBA6FF, #EB9233, #37A697, #3C222D)

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