Frosted Pine color palette — #E9DDD8 · #7DD1CF · #00A3BF · #00824F · #002235
Fern and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E9DDD8): a clean, paper-quiet neutral.
- Aqua (#7DD1CF): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00A3BF): A luminous, balanced blue — the color of deep harbor water.
- Fern (#00824F): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Frosted Pine 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
- Misty Azure Thicket color palette (#EDDCD1, #94C9DF, #4397E1, #007D79, #101A47)
- Patina Lagoon Terrace color palette (#D5E4E1, #7FBEBD, #00848D, #005A4F, #00242A)
- Gentle Periwinkle Workshop color palette (#FFF2EA, #A7E4FF, #5EB0FF, #009894, #202A6B)
- Worn Teal Garden color palette (#F9EAF4, #56ACAC, #006375, #003C23, #000C17)
- Muted Moss color palette (#DDE5B8, #89E3C2, #63C6EB, #919234, #003016)
- Emerald Terrace color palette (#D4EADA, #52C37C, #009E61, #006132, #000B03)
- Worn Olive color palette (#F3ECD4, #939E00, #488E00, #006B2F, #002217)
- Gentle Clover Atelier color palette (#E9EBDC, #6ACA5B, #B56AD6, #1B7107, #2C003C)
Browse the whole catalog at Explore, or see today's palette.