Dusty Pine Coast color palette — #FAF2F9 · #D4D4E2 · #68AFD9 · #228258 · #1B2E4C

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

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Silver (#D4D4E2): bright and airy, almost weightless.
• Cyan (#68AFD9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#228258): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#1B2E4C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Dusty 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

• Dusty Cypress Hollow color palette (#F0F7F0, #DAD5DF, #97A1DC, #007E84, #37244B)
• Pine Delta color palette (#FDF0FF, #B2FFFC, #00AAD0, #00791E, #002646)
• Wandering Villa color palette (#FAF4EB, #CEE8D4, #56C1E3, #00A291, #0D3F59)
• Wandering Cerulean color palette (#EDF4EE, #A5CFE0, #0089A9, #005C52, #002437)
• Worn Lagoon color palette (#F9F3F8, #D4D5E4, #AEC5EE, #6E9F7E, #3D4F66)
• Fuchsia Pier color palette (#F7F2FF, #DC83C1, #4BAC76, #2B945E, #20142E)
• Worn Study color palette (#ECDDE8, #63AFBF, #005A88, #002D1E, #00000B)
• Cobalt Delta color palette (#FCF3EF, #AECFB5, #0082B3, #03633C, #4B2F49)

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