Tempered Pine Coast color palette — #FDF3F0 · #C0DEC0 · #00A5CD · #2D7F3E · #49304C

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

The five colors

• Ivory (#FDF3F0): bright and airy, almost weightless.
• Celadon Mist (#C0DEC0): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#00A5CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#2D7F3E): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#49304C): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

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

• Hushed Azure Basin color palette (#FDF3EE, #AAE7F2, #00A6F0, #00875D, #2F3E65)
• Aged Iris color palette (#FDF3EA, #AEE1D0, #748FEB, #007C7B, #512D3E)
• Worn Dune color palette (#F6ECE6, #8BD0E8, #0089EA, #006E5A, #27294E)
• Tempered Blush color palette (#E4F3E8, #00BCD4, #E16786, #008091, #56202F)
• Wandering Aqua color palette (#F6F6EC, #CEE8CE, #55C4CE, #309F8F, #00434D)
• Mint Harbor color palette (#E5EFE3, #3BCCA0, #009991, #006475, #17405F)
• Timeworn Parlor color palette (#EFF8F1, #99CFDE, #008798, #09624C, #0B4152)
• Mallow Terrace color palette (#EAFBE9, #C4EAFF, #CAB2EF, #608F65, #2D4535)

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