Tempered Teal Pier color palette — #FBE5DD · #30A4AB · #006181 · #003E1E · #00081E

A conversation between Turquoise and Peacock, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#FBE5DD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Turquoise (#30A4AB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006181): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003E1E): A deep, shadowed, balanced teal — the color of sea glass.
• Ink (#00081E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Misty Courtyard color palette (#EADED5, #25A0CB, #0055AD, #003C34, #080225)
• Timeworn Denim Study color palette (#F0E6EE, #64B0B6, #005E76, #002D1E, #000103)
• Petrol Market color palette (#E1E2D5, #71ACB0, #008393, #005E58, #000B10)
• Timeworn Indigo Veranda color palette (#ECE0D3, #78B8ED, #5B6BC7, #00595B, #27133D)
• Quiet Cobalt color palette (#F7ECE5, #85D1EC, #3489DD, #006E5B, #272951)
• Chalky Cocoa color palette (#E8DDCA, #9AA95F, #189B8F, #82361A, #111300)
• Weathered Lantern color palette (#F8ECD6, #806500, #004AC8, #463600, #00041B)
• Dusty Bronze Coast color palette (#E8E0C3, #917E00, #514A00, #1E1A00, #020200)

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