Quiet Veranda color palette — #F9F0EB · #B3DBC3 · #168BCB · #006359 · #062055
Cerulean and Midnight set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Oat (#B3DBC3): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#168BCB): A luminous, balanced blue — the color of deep harbor water.
- Pine (#006359): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#062055): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet 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
- Forest Market color palette (#F7F0ED, #CDE3D0, #5398B2, #006F51, #0D2E48)
- Cobalt Veranda color palette (#FEEEE4, #86C6DE, #0077BD, #00524D, #060E4D)
- Misty Teal Corridor color palette (#D9F7EE, #00ACA9, #00768C, #00506B, #002147)
- Azure Loft color palette (#FFF0F9, #A3E7FA, #00A6F0, #008475, #253F6B)
- Aged Denim color palette (#F4E7E0, #4996A6, #005071, #002D24, #000411)
- Sky Pier color palette (#E3F5FF, #37BEF7, #007BAE, #004062, #001320)
- Wisteria Drift color palette (#D1FEE8, #D7E6FF, #C69CFE, #008F82, #00304C)
- Aged Thicket color palette (#C2F1E0, #2B9FDF, #B4211E, #8C5100, #001A2B)
Browse the whole catalog at Explore, or see today's palette.