Tempered Frost Pier color palette — #F8F8D1 · #9FFAE2 · #8ED0F1 · #9D8A5E · #3A3D36

Sea Foam and Sky set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F8F8D1): A whisper-light, dusty green — the color of new leaves after rain.
• Sea Foam (#9FFAE2): A whisper-light, balanced teal — the color of glacier melt.
• Sky (#8ED0F1): A whisper-light, balanced blue — the color of open sky before noon.
• Caramel (#9D8A5E): A luminous, dusty gold — the color of old brass.
• Charcoal (#3A3D36): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Softworn Celadon color palette (#FFF3E2, #D5F3B8, #85CFCA, #B07F70, #403D37)
• Worn Harbor color palette (#E8FDE1, #ADEAFF, #BDB8EA, #7A9568, #33483A)
• Taupe Delta color palette (#EFF9EB, #F6D1E2, #BEE0F2, #A7AA88, #405145)
• Muted Mint Alley color palette (#F3F9E0, #C0E6CD, #8BD7E3, #85BC70, #344500)
• Timeworn Olive color palette (#D5FFFC, #AEEFD1, #80BBAF, #4D7138, #204444)
• Timeworn Seafoam color palette (#E1E2CF, #42E2CD, #64ACEC, #816B1F, #1D2C10)
• Bronze Drift color palette (#F8E4D2, #BFAD75, #A87340, #804A42, #32312A)
• Dusty Lagoon Boulevard color palette (#E4F4DE, #00A693, #BB616B, #8F474F, #1D2B17)

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