Tempered Pine Pier color palette — #FDF2F0 · #BAF0F6 · #5CB4CD · #447F42 · #0A3050

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

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Frost (#BAF0F6): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5CB4CD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive (#447F42): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#0A3050): 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 Tempered Pine 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

• Patina Cypress color palette (#FDF3EB, #C3E5F8, #8CA5DC, #027F7A, #31264F)
• Tempered Emerald Chapel color palette (#F0F7F1, #C4E7F0, #39C6D6, #00A479, #004252)
• Weathered Forest color palette (#FAF2FB, #A2CDD8, #0086A3, #16641E, #1E3D5A)
• Wandering Seafoam color palette (#E2FFD9, #65E2B6, #009F97, #00606D, #003149)
• Blush Terrace color palette (#E9FBE9, #4ED6D6, #E6868E, #008887, #46131B)
• Wandering Quarry color palette (#EADAD5, #65B1B3, #005D79, #002E10, #000105)
• Lagoon Basin color palette (#FAF4EE, #C9DCE9, #E4BFD9, #599FA1, #60444F)
• Worn Cerulean Delta color palette (#E1FBFF, #82E6FE, #009AAE, #005760, #001418)

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