Muted Pier color palette — #FDF3F0 · #BAEFF5 · #48B5D5 · #457E45 · #13304B

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

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Frost (#BAEFF5): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#48B5D5): A luminous, balanced blue — the color of deep harbor water.
• Olive (#457E45): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#13304B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Cypress Garden color palette (#FDF3EB, #C2E6F7, #85A7DF, #167F75, #2E284D)
• Lagoon Grove color palette (#F1F7F2, #C6E7EF, #49C5D5, #1CA37B, #004253)
• Patina Forest Workshop color palette (#F9F3F9, #9DCEDB, #0086A2, #276228, #233D56)
• Softworn Canyon color palette (#E1FFDD, #5CDEB2, #00A49A, #006271, #00344F)
• Weathered Blush Hollow color palette (#E5FDE6, #5AD4D8, #F17D8B, #00878B, #45151D)
• Tempered Denim color palette (#FBE9E3, #6AB0B1, #005E78, #002E0E, #000104)
• Antique Summit color palette (#E4FAFF, #85EFFA, #009AB1, #005059, #001216)
• Dusty Terrace color palette (#F5F1EB, #B6D0B4, #008C9A, #005E45, #042819)

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