Frosted Ridge color palette — #E3F8EE · #937D00 · #3464A9 · #214478 · #1A1020

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

The five colors

• Cream (#E3F8EE): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#937D00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#3464A9): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#214478): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#1A1020): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Frosted Ridge 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 Garden color palette (#FFECF3, #AB6F00, #006E8E, #00475D, #0F0E20)
• Misty Moss Courtyard color palette (#E5F7ED, #A08E0B, #5B5C9D, #552F5E, #1F1837)
• Aged Parlor color palette (#E0F7F7, #369646, #00608D, #004060, #1C0E19)
• Timeworn Archive color palette (#FFF0F9, #B2664C, #505697, #5F2F66, #322236)
• Dusty Denim color palette (#F7F6E4, #7C9C57, #2A8F7F, #5B5292, #3B291B)
• Linen Mustard color palette (#FEF4E1, #CAA42F, #398EB9, #664D7D, #26160E)
• Washed Olive color palette (#E1F8EF, #658D1D, #833B75, #58274F, #170B1A)
• Amber Corridor color palette (#FFEBF7, #B99905, #007E62, #533A63, #0A2921)

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