Pale Veranda color palette — #FAF2FA · #B0F4F1 · #00A2C5 · #226D29 · #011F3A

Olive takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF2FA): a clean, paper-quiet neutral.
• Sea Foam (#B0F4F1): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#00A2C5): A luminous, balanced blue — the color of deep harbor water.
• Olive (#226D29): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#011F3A): 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 Pale Veranda 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

• Quiet Azure color palette (#FFF0F9, #BFEEFF, #2695F4, #006C58, #171743)
• Muted Sky Bloom color palette (#FBF2F9, #D4D4E3, #46B3E5, #318055, #1C2E4C)
• Hazy Cobalt color palette (#FDF1F9, #94D8E8, #0081C5, #00543C, #040234)
• Cypress Harbor color palette (#DFECE9, #79C2C1, #007A82, #004C43, #001A1F)
• Tempered Denim color palette (#F1E4EE, #57B1C1, #005B86, #002D1C, #00000C)
• Hazy Ultramarine Archive color palette (#F9E9EF, #89BEE0, #2F59D6, #003E3B, #040010)
• Tempered Lime color palette (#E6DED2, #B4BA00, #5A8400, #005A32, #001F1A)
• Faded Pine color palette (#DDFFE8, #68E49E, #008E3D, #00431D, #000701)

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