Washed Pine Lagoon color palette — #FAF2FB · #B2DDE9 · #00A5CC · #307F3D · #243C56

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

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Powder Blue (#B2DDE9): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#00A5CC): A luminous, balanced blue — the color of open sky before noon.
• Olive (#307F3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#243C56): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Washed Pine Lagoon 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 Lagoon color palette (#FAF2F8, #C4ECFF, #6EABDD, #308D70, #3A4863)
• Powdered Cornflower Archive color palette (#F5EBF1, #A1CBE2, #008AE7, #006E58, #252951)
• Tempered Cerulean Harbor color palette (#F9F4ED, #8DD4D2, #008897, #00624A, #054153)
• Antique Atelier color palette (#E4FAFF, #CEDBF9, #C6B7FA, #5A9365, #2C4856)
• Dusty Mint color palette (#E3F4DC, #2BCAA2, #009792, #006F83, #0E405F)
• Dusty Ember Veranda color palette (#C5EDF5, #00ACA0, #DB5E00, #966700, #0B3138)
• Aqua Lantern color palette (#DBFAFF, #58C7E6, #0097AA, #005E68, #002830)
• Faded Cobalt color palette (#E9DEE6, #64C2CB, #007FAC, #005D35, #041C48)

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